.login-container {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 550px;
  background-color: var(--r-login-bg-color);
  background-image: var(--r-login-bg-image);
  background-size: 100% 100%;
  background-size: cover;
  .login-box {
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    height: 100%;
    .dark {
      position: absolute;
      top: 13px;
      right: 18px;
    }
    .login-logo {
      position: absolute;
      top: var(--r-login-logo-text-top);
      left: var(--r-login-logo-text-left);
      .logo-text {
        padding: 0 0 0 25px;
        margin: 0;
        font-size: var(--r-login-logo-text-size);
        font-weight: bold;
        color: var(--r-login-logo-text-color);
        white-space: nowrap;
      }
    }
    .login-form-box {
      position: absolute;
      top: var(--r-login-form-top);
      right: var(--r-login-form-right);
      background-color: var(--r-login-form-bg-color);
      background-image: var(--r-login-form-bg-image);
      border-radius: 10px;
      box-shadow: rgb(0 0 0 / 10%) 0 2px 10px 2px;
      .login-form {
        width: 400px;
        padding: 50px 40px 45px;
        border-radius: 10px;
        box-shadow: rgb(0 0 0 / 10%) 0 2px 10px 2px;
        .login-title {
          display: flex;
          align-items: center;
          justify-content: center;
          margin-bottom: 45px;
          .login-title-icon {
            width: 60px;
            height: 52px;
          }
          .logo-title-text {
            padding: 0 0 0 25px;
            margin: 0;
            font-size: 36px;
            font-weight: bold;
            color: #34495e;
            white-space: nowrap;
          }
        }
        .login-code {
          float: right;
          width: 33%;
          height: 40px;
          .login-code-img {
            height: 40px;
            padding-left: 12px;
            vertical-align: middle;
            cursor: pointer;
          }
        }
        .el-form-item {
          margin-bottom: 40px;
        }
        .login-btn {
          display: flex;
          justify-content: space-between;
          width: 100%;
          margin-top: 40px;
          white-space: nowrap;
          .el-button {
            width: 185px;
          }
        }
      }
    }
  }
}
